<%@page import="br.com.trabalho.entidades.Ingrediente"%>
<%@page import="br.com.trabalho.entidades.Receita"%>
<%@page import="java.util.ArrayList"%>
<%@page import="br.com.trabalho.util.Util"%>
<%@page import="br.com.trabalho.entidades.Usuario"%>
<%@page import="br.com.trabalho.entidades.Usuario"%>
<%@page import="java.util.List"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <link href="css/bootstrap.css" rel="stylesheet">
        <link href="css/star-rating.min.css" rel="stylesheet">
        <script src="js/jquery-2.1.1.min.js"></script>
        <script src="js/bootstrap.js"></script>
        <script src="js/star-rating.min.js"></script>   
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta property="og:site_name" content="Portal de Receitas"/>
	<meta property="og:locale" content="pt_BR"/>
        <meta property="og:url" content="http://www.sitedereceitas.com.br" />
        <meta property="og:description" content="Portal de receitas com varias receitas para você e sua familia" />
        <meta property="og:image" content="logo.jpg" />
        <meta property="og:type" content="Recipes" />
        <title>Site de Receitas</title>
        <style>
            .header{
                text-align: center;
            }
            footer{
                text-align: center;
            }
            .panel-heading{
                text-align: center;
            }
        </style>
    </head>

    <body> 
        <%@ include file="template.jsp" %>
        <div class="container">
            <div class="col-sm-12 col-md-8 col-lg-8 col-8" style="min-height: 1000px">
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <a href="receitas?categoria=Doces">Receitas Doces <img src="lupa.png" width="20px" height="auto"/></a>
                    </div>
                    <div class="panel-body">
                        <table style="text-align: center;">
                            <tr style="font-weight: bold;">
                                <td style="width: 180px;">Nome</td>
                                <td style="width: 500px;">Média Notas Atribuídas</td>
                                <td>---</td>
                            </tr>
                            <c:forEach var="receita" items="${sessionScope.DOCES}">                     
                                <tr>
                                    <td><a href='details?id=${receita.id}'>${receita.nome}</a></td>
                                    <td><input id="input-21a" value="${receita.media}"  type="number" class="rating" min=0 max=5 step=1 data-size="sm" disabled/> </td>
                                    <td><a href='details?id=${receita.id}'><img src="receita.jpg" class="imagem_receita"/></a></td>
                                </tr>
                            </c:forEach>
                        </table>
                    </div>
                </div>
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <a href="receitas?categoria=Salgados">Receitas Salgadas <img src="lupa.png" width="20px" height="auto"/></a>
                    </div>
                    <div class="panel-body">
                        <table style="text-align: center;">
                            <tr style="font-weight: bold;">
                                <td style="width: 180px;">Nome</td>
                                <td style="width: 500px;">Média Notas Atribuídas</td>
                                <td style="width: 100px;">---</td>
                            </tr>
                            <c:forEach var="receita" items="${sessionScope.SALGADOS}">                     
                                <tr>
                                    <td><a href='details?id=${receita.id}'>${receita.nome}</a></td>
                                    <td><input id="input-21a" value="${receita.media}"  type="number" class="rating" min=0 max=5 step=1 data-size="sm" disabled/> </td>
                                    <td><a href='details?id=${receita.id}'><img src="receita.jpg" class="imagem_receita"/></a></td>
                                </tr>
                            </c:forEach>
                        </table>
                    </div>
                </div>
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <a href="receitas?categoria=Aperitivos">Receitas de Aperitivos <img src="lupa.png" width="20px" height="auto"/></a>
                    </div>
                    <div class="panel-body">
                        <table style="text-align: center;">
                            <tr style="font-weight: bold;">
                                <td style="width: 180px;">Nome</td>
                                <td style="width: 500px;">Média Notas Atribuídas</td>
                                <td style="width: 100px;">---</td>
                            </tr>
                            <c:forEach var="receita" items="${sessionScope.APERITIVOS}">                     
                                <tr>
                                    <td><a href='details?id=${receita.id}'>${receita.nome}</a></td>
                                    <td><input id="input-21a" value="${receita.media}"  type="number" class="rating" min=0 max=5 step=1 data-size="sm" disabled/> </td>
                                    <td><a href='details?id=${receita.id}'><img src="receita.jpg" class="imagem_receita"/></a></td>
                                </tr>
                            </c:forEach>
                        </table>
                    </div>
                </div>
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <a href="receitas?categoria=Bebidas">Receitas de Bebidas <img src="lupa.png" width="20px" height="auto"/></a>
                    </div>
                    <div class="panel-body">
                        <table style="text-align: center;">
                            <tr style="font-weight: bold;">
                                <td style="width: 180px;">Nome</td>
                                <td style="width: 500px;">Média Notas Atribuídas</td>
                                <td style="width: 100px;">---</td>
                            </tr>
                            <c:forEach var="receita" items="${sessionScope.BEBIDAS}">                     
                                <tr>
                                    <td><a href='details?id=${receita.id}'>${receita.nome}</a></td>
                                    <td><input id="input-21a" value="${receita.media}"  type="number" class="rating" min=0 max=5 step=1 data-size="sm" disabled/> </td>
                                    <td><a href='details?id=${receita.id}'><img src="receita.jpg" class="imagem_receita"/></a></td>
                                </tr>
                            </c:forEach>
                        </table>
                    </div>
                </div>
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <a href="receitas?categoria=Fast-food">Receitas Fast-food <img src="lupa.png" width="20px" height="auto"/></a>
                    </div>
                    <div class="panel-body">
                        <table style="text-align: center;">
                            <tr style="font-weight: bold;">
                                <td style="width: 180px;">Nome</td>
                                <td style="width: 500px;">Média Notas Atribuídas</td>
                                <td style="width: 100px;">---</td>
                            </tr>
                            <c:forEach var="receita" items="${sessionScope.FASTFOOD}">                     
                                <tr>
                                    <td><a href='details?id=${receita.id}'>${receita.nome}</a></td>
                                    <td><input id="input-21a" value="${receita.media}"  type="number" class="rating" min=0 max=5 step=1 data-size="sm" disabled/> </td>
                                    <td><a href='details?id=${receita.id}'><img src="receita.jpg" class="imagem_receita"/></a></td>
                                </tr>
                            </c:forEach>
                        </table>
                    </div>
                </div>
            </div>
            <div class="col-sm-12 col-md-4 col-lg-4 col-4" style="min-height: 500px">
                Conteúdo Relacionado        
            </div>
        </div>
        <div style="clear: both"></div>
        <footer style="text-align: center;">
            <%@ include file="footer.jsp" %>
        </footer>
    </body>
</html>
